<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                padding: 0px;
                margin: 0px;
            }
            .head{
                height: 497px;
                background:url(images/background.jpg) repeat-x;
            }
            .head1{
                width: 968px;
                height: 74px;
                margin:  0px auto;
            }
            .head1 img{
                height: 43px;
                margin-top: 17px;
            }
            .head1 h1{
                float: left;
            }
            .head1 ul{
                float: right;
                margin: 0px;
            }
            .head1 li{
                float: left;
                list-style: none;
                margin-top: 15px;
                padding:10px;
            }
            .head1 li:hover{
                background:black;
                border-radius: 20px;
            }
            .head1 a{
                color:snow;
                text-decoration: none;
                font-weight: 70;
                font-size: 15px;
                font-family: 微软雅黑;
            }
            .head2{
                width: 968px;
                height: 423px;
                margin:  0px auto;   
            }
            .head2 h2{
                margin-top: 55px;
                font-size: 26px;
                font-weight: normal;
                margin-bottom: 10px;
            }
            .head2 p{
                margin-top: 10px;
                color: gray;
            }
            .head2 img{
                margin: 20px 0px 10px;
            }
            .head2 ul li{
                margin-bottom: 5px;
            }
            .head2 a{
                text-decoration: none;
                color: #609700;
                outline: none;
            }
            .right img{
                float: right;
                height: 403.5px;
            }
            .left{
                float: left;
            }
            .con{
                height: 378px;
                width: 968px;
                margin: 48px auto 27px;
            }
            .con1 {
                height: 400px;
                width: 635px;
                float: left;
            }
            .con1 img{
                width: 200px;
                height: 114px;
                margin-right: 10px;
            }
            .con1 li{
                float: left;
                list-style: none;
            }
            .con h2{
                font-size: 14px;
            }
            .con1 p{
                color: #999999;;
                font-size: 14px;
                margin: 4.62px 0px ;
            }
            .con1 a{
                color: #609700;
            }

            
            .con2{
                height: 378px;
                width: 313px;
                float: right;
                margin-left: 20px;
            }
            .con2 li{
                font-size: 14px;
                margin-top: 10px;
                color: gray;
            }
            .con2 a{
                color: #609700;
                outline: none;
                text-decoration: none;
            }
            .con3{
                margin: 10px 0 5px;
            }
            .con4{
                padding: 5px 0 0 40px;
                height: 80px;
                width: 70px;
                background: url(images/xiaologo.png) no-repeat;
            }
            .con4 a{
                font-size: 14px;
                color: #000;
                font-weight: 700;
            }
            .food{
                height: 50px;
                width: 968px;
                margin: 0px auto;
                border-top: 1px solid #d4dadf;
            }
            .bigtoe{
                width: 344px;
                height: 46px;
                float: left;
            }
            .food a,span,p{
                font-size: 12px;
                color: gray;
                text-decoration: none;
            }
            
            .littletoe{
                width: 188px;
                height: 19px;
                float: right;
            }
            .littletoe a,span{
                float: right;
            }
            
            
        </style>
    </head>
    <body>
        <div class="head">
            <div class="head1"><h1>
                <a href="https://weixin.qq.com/"><img src="images/logo.png" alt=""></a>
            </h1>
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">帮助与反馈</a></li>
                <li><a href="">公众平台</a></li>
                <li><a href="">开放平台</a></li>
                <li><a href="">微信支付</a></li>
                <li><a href="">微信广告</a></li>
                <li><a href="">企业微信</a></li>
                <li><a href="">表情开放平台</a></li>
                <li><a href="">微信网页版</a></li>
            </ul>
            </div>
            <div class="head2">
                <div class="left">
                    <h2>微信，是一个生活方式</h2>
                    <p>超过十亿人使用的手机应用</p>
                    <p>支持发送语音短信、视频、图片和文字</p>
                    <p>可以群聊，仅耗少量流量，适合大部分智能手机</p>
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6"><img src="images/download.png" alt=""></a>
                    <ul>
                        <li><a href="https://weixin110.qq.com/security/readtemplate?t=find_password/index">忘记了微信帐号或密码？</a></li>
                        <li><a href="https://weixin110.qq.com/security/readtemplate?t=page/self_deblock__account&amp;lang=zh_CN">自助解除登录或功能限制</a></li>
                        <li><a href="https://weixin110.qq.com/security/readtemplate?t=page/account_frozen__intro">冻结或解冻微信帐号</a></li>
                    </ul>
                </div>
                <div class="right">
                    <a href="https://pc.weixin.qq.com/?t=win_weixin&lang=zh_CN"><img src="images/gundong.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="con">
            <div class="con1">
           <ul>
               <li><a href="https://wx.qq.com/"><img src="images/tuyi.png" alt=""></a>
                <h2>微信网页版</h2>
                <p>扫一扫二维码</p>
                <p>就能在浏览器上使用微信</p>
                <p><a href="https://wx.qq.com/" title="微信网页版">了解更多</a></p></li>
               <li><a href="https://mac.weixin.qq.com/"></a>
                <img src="images/图二.png" alt=""></a>
                <h2>微信 Mac 版</h2>
                <p>极致简洁，迅捷沟通</p>
                <p><a href="https://mac.weixin.qq.com/" title="微信 Mac 版">了解更多</a></p></li>
               <li><a href="https://pc.weixin.qq.com/">
                <img src="images/图三.png" alt=""></a>
                <h2>微信 Windows 版</h2>
                <p>让沟通更方便</p>
                <p><a href="https://pc.weixin.qq.com/" title="微信 Windows 版">了解更多</a></p></li>
           </ul>
            </div>
            <div class="con2">
                <h2>最新消息</h2>
                <ul>
                    <li><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/android/802/index&amp;faq=android_802">微信 8.0.2 for Android 正式版发布</a></li>
                    <li><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/win/321/index&amp;faq=win_321">微信 3.2.1 for Windows 正式版发布</a></li>
                    <li><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/ios/802/index&amp;faq=ios_802">微信 8.0.2 for iOS 正式版发布</a></li>
                    <li><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/mac/261/index&amp;faq=mac_261">微信 2.6.1 for Mac 正式版发布</a></li>
                    <li><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/upgrade">关于部分 iOS 9 用户无法更新微信</a></li>
                    <li><a href="/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification">微信外部链接内容管理规范</a> </li>
                    <li><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/web/21/index&amp;faq=web_21">微信网页版 2.1 版本发布</a> </li>
                    <li><a href="https://sticker.weixin.qq.com/">微信表情开放平台上线</a> </li>
                    <li><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_rumor_filter">官方辟谣公众号开通</a> </li>
                </ul>
                <div class="con3">
                <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_faq_list">查看更多</a>
                </div>
                <div class="con4">
                    <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;ADTAG=&amp;check=false&amp;nav=contact&amp;t=weixin_contact&amp;loc=readtemplate,weixin,body,5">联系我们</a>
                </div>
            </div>
        </div>
        <div class="food">
            <div class="bigtoe">
                <a href="https://www.tencent.com/" >关于腾讯|</a>
                 
                <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_agreement&amp;s=default">服务条款|</a>
                
                <a href="/cgi-bin/readtemplate?&amp;t=page/agreement/personal_account&amp;lang=zh_CN">使用规范|</a>
                
                <a href="https://kf.qq.com/product/weixin.html">客服中心|</a>
                
                <a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_agreement&amp;s=privacy">隐私保护指引</a>
                <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
            </div>
            <div class="littletoe">
                <a href="/cgi-bin/readtemplate?t=weixin&amp;lang=zh_CN&amp;setlanguage=1">简体中文</a>
                <span > | </span>
                <a href="https://wechat.com/zh_TW/">繁體中文</a>
                <span > | </span> 
                <a href="https://wechat.com/en/">English</a>

            </div>
        </div>
    </body>
</html>